<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:body>

	<f:view>
		<ui:composition template="templates/masterLayout.xhtml">
			<ui:define name="leftSidebar">
				<ui:include src="sections/common/menu.xhtml" />
			</ui:define>
			<ui:define name="contentContainer">
				<h:dataTable border="1" value="#{residualStockBean.residualStocks}" var="item" >
					<h:column>
						<f:facet name="header">
							<h:outputText value="stock"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.stock}"></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="value"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.value}"><f:convertNumber pattern="#,###,##0"></f:convertNumber></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="quality"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.quality}"><f:convertNumber pattern="#,###,##0"></f:convertNumber></h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="total"></h:outputText>
						</f:facet>
						<h:outputText value="#{item.value*item.quality}"><f:convertNumber pattern="#,###,##0"></f:convertNumber></h:outputText>
					</h:column>
				</h:dataTable>
			</ui:define>
		</ui:composition>
	</f:view>
</h:body>
</html>
